"use client";

import { useEffect } from "react";
import * as echarts from "echarts";

export default function CustomList() {
  useEffect(() => {
    let myChart = echarts.init(document.getElementById("mine"));
    myChart.setOption({
      title: {
        text: "ECharts 入门示例",
      },
      tooltip: {},
      xAxis: {
        data: ["衬衫", "羊毛衫", "雪纺衫", "裤子", "高跟鞋", "袜子"],
      },
      yAxis: {},
      series: [
        {
          name: "销量",
          type: "bar",
          data: [5, 20, 36, 10, 10, 20],
        },
      ],
    });
  }, []);

  return (
    <div className="bg-[pink] w-full h-full">
      <h2>客户列表</h2>
      <div id="mine" className="h-[369px] w-[500px] overflow-scroll"></div>
    </div>
  );
}
